var SearchForm = function () {
  var template = /* html */ `
    <div class="search-form">
      <el-form inline label-width="calc(4em + 12px)">
        <el-form-item label="物料名称">
          <el-input class="search-input" v-model="search.materialName" placeholder="请输入物料名称"></el-input>
        </el-form-item>
        <el-form-item label="规格">
          <el-input class="search-input" v-model="search.model" placeholder="请输入规格型号"></el-input>
        </el-form-item>
        <el-form-item label="编号">
          <el-input class="search-input" v-model="search.color" placeholder="请输入编号"></el-input>
        </el-form-item>
        <el-form-item label="描述">
          <el-input class="search-input" v-model="search.colorDescription" placeholder="请输入描述"></el-input>
        </el-form-item>
        <el-form-item label="供应商">
          <el-input class="search-input" v-model="search.providerName" placeholder="请输入供应商"></el-input>
        </el-form-item>
      </el-form>
    </div>
  `;

  return {
    props: {
      search: {
        type: Object,
        required: true
      }
    },

    data: function () {
      return {};
    },

    template: template
  };
}();